@import '../../styles/common.less';

@mainview-prefix: ~'@{prefixCls}-mainview';

.@{mainview-prefix} {
  padding: 0 24px;
  background-color: #fff;
  &-alert{
    margin-bottom: 16px;
  }
  &-header {
    display: flex;
    padding: 16px 0;
    border-radius: 2px 2px 0 0;
    &-title {
      font-weight: 600;
      font-size: 16px;
      line-height: 32px;
    }
    &-filter {
      flex: 1;
      text-align: right;
    }
    &-extra {
      padding-left: 16px;
      text-align: right;
      &-item {
        margin-right: 16px;
        &:last-child {
          margin-right: 0;
        }
      }
    }
  }
}
